<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <input type="text" placeholder="输入关键词" v-focus>
    </div>
    <script src="./vue-2.5.21.js"></script>
    <script>
        // 全局指令
        Vue.directive('focus',{
            inserted(el){
                console.log('focus 回调函数',1111);
                el.focus()
            }
        })
        var v = new Vue({
            el:'#app',
            // directives:{//定义局部指令, 只能在当前位置使用
            //     focus(el){//第1个参数el 是指令所在的标签
            //         console.log('focus 回调函数',1111);
            //         el.focus()//让表单元素聚焦(获得焦点)
            //     },
                // focus:{
                //     inserted(el){
                //         console.log('focus 回调函数',22222);
                //         el.focus()
                //     }
                // }
            // }
        })
    </script>
</body>
</html>